/* CSS public 
================================================*/
html{ overflow-y: scroll;}
body { font: 12px/20px microsoft yahei,'微软雅黑',SimHei,Arial; color:#312f32; background: #f2f8f8;}
a, a:link, a:hover { color:#605e5d; cursor:pointer; outline:none; text-decoration:none}
:focus { outline:0;}
ul,ol,li {list-style: none;}
*{ padding:0; margin:0}
img,input {border:0 none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal}
em { font-style:normal;}
.hide {display:none}
.block {display:block}
.vam { vertical-align:middle;}
.vat { vertical-align: top;}


.w1180 {width:1180px; margin: 0 auto; position: relative;}
.zoom { overflow:hidden; zoom:1}
.fl { float:left}
.fr { float:right}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml170 { margin-left:170px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr80 { margin-right:80px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mb30 { margin-bottom:30px;}
.mt40 { margin-top:35px;}
.mb10{ margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}
.pr3 { padding-right:3px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}
.pageTit { font-size:14px; color:#1f1f1f; font-weight:bold;}
.font {font-weight:bold;}
.clear { clear:both}
.bold { font-weight:bold;}
.absolute { position:absolute;}
.dotted-top { border-top: dotted 1px #d9d9d9; }
.dotted-bottom { border-bottom: dotted 1px #d9d9d9; }
.dotted-left { border-left: dotted 1px #d9d9d9; }
.dotted-right { border-right: dotted 1px #d9d9d9; }
.ac { text-align: center; }
.al { text-align: left; }

/*彩色按钮*/
a.btn-cs,.input-cs{ display: inline-block; width: 90px; padding: 5px 0; text-align: center; color: #fff;}
.btn-fillet{padding: 5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.btn-l{ width: auto; padding: 5px 45px;}
.btn-green{ background: #4dd1b0;}
.btn-red{ background: #f75e63;}
.btn-blue{ background: #66bccd;}
.btn-yel{ background: #f4ce70;}
.input-cs{ padding: 7px 0;}
input[type='reset']{ border:#f4ce70 solid 1px; color: #f4ce70; background: #fff;}

/*header
================================================*/
.header { width: 100%; }
.header .page-tit{ height: auto; padding: 32px 0; margin: 0; font-size: 30px; text-align: center; background: #303942; color: #fff;}
.header .nav{ height: 70px; background-color: #363f48;}
.header .nav li{ float: left; padding-bottom: 15px;}
.header .nav li a{ display: block; font-size: 16px; line-height: 20px; color: #fff; padding: 25px 13px;}
.header .nav .on a,.header .nav a:hover{ color: #363f48; background: #50d1b2;}
.header .nav a:hover{ background: #399780;}
.header .nav .on{ background: url( ../images/ico/ico-up.png) bottom center no-repeat;}
.header .shop-user{ padding: 2px 0; width: 50px;margin-top: 22px;}

.nav-sub{ margin-bottom: 10px; background: #ffffff; margin-top: 15px;
    -webkit-box-shadow: 3px 3px 3px #e9eded;
    -moz-box-shadow: 3px 3px 3px #e9eded ;
    box-shadow: 3px 3px 3px #e9eded ;}
.nav-sub li{ width: 130px; height: 34px; line-height: 34px;float: left; text-align: center;}
.nav-sub li a{ display: block; height: 100%; background: #e5e5e5; color: #363f48; font-size: 14px;}
.nav-sub .on{background: #4dd1b0; color: #fff;}

.main-ct{ padding-bottom: 50px;}
.page-tips{ color: #e60112; font-size: 26px; padding: 20px 0; text-align: center;}

    /*翻页*/
.page-list{padding: 20px 0; text-align: right;}
.page-list a,.page-list span{ font-size: 14px; vertical-align: middle; display: inline-block; padding: 3px 10px;}
.page-list a{ border:#eeeeee solid 1px; color: #312f32; background: #fff;}
.page-list .cur,.page-list a:hover{background-color: #fcd62b; color: #fff; border-color: #fcd62b;}
.page-list .page-search{ display: inline-block; margin-left: 20px;}
.page-list .page-search input[type="text"]{ width: 20px; padding:5px;border:#eeeeee solid 1px; color: #312f32; margin: 0 3px;}
.page-list .page-search .btn-page-sub{ background: #fcd62b; color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}


.top-bar{ padding: 20px 0; font-size: 14px;}
.top-bar .custom-search{ text-align: right;}
.top-bar .custom-search label{ margin-left: 10px;}
.top-bar .custom-search .tp-txt{ margin-left: 5px; width: 80px; padding: 2px 5px; border:#999 solid 1px;}
.top-bar .custom-search select{ margin-left: 5px; padding: 2px 0;}
.top-bar .custom-search .btn-search{ background: #eac56a;}

.custom-table{ width: 100%; border-left: #e5e5e5 solid 1px; border-top: #e5e5e5 solid 1px;}
.custom-table td,.custom-table th{ padding: 10px 0; text-align: center; border-bottom: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px;}
.custom-table th{ color: #fff; width: 200px;}
.custom-table th.th01{ background: #86d5fc;}
.custom-table th.th02{ background: #7ea2ec;}
.custom-table th.th03{ background: #eac56a;}
.custom-table th.th04{ background: #f0878e;}
.custom-table th.th05{ background: #4ad0af;}
.custom-table td{ padding: 6px 0;}
.custom-table tr:nth-of-type(even) td{ background: #f4f8fb;}

.form-info{ font-size: 14px; color: #312f32;}
.form-info dl{ padding: 8px 0; margin: 0;}
.form-info dt{ width: 155px; padding-right: 15px; float: left; text-align: right; padding-top: 3px;}
.form-info .txt,.form-info select,.form-info .txt-custom{ width: 292px; color: #312f32; padding: 5px; background: #fff; border:#eeeeee solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.form-info select{ width: 292px;}
.form-info .sel-s{ width: 134px;}
.form-info .txt-s{ width: 120px; text-align: right;}
.form-info .txt-ss{ width: 190px;}
.form-info .txt-custom{ background: #eeeeee; border:none; font-size: 14px;}
.form-info .txt-custom-s{ width: 145px; position: relative; top:-3px; text-align: right;}
.form-info .tips{ margin-left: 10px; vertical-align: top; padding-top: 5px; font-weight: normal;}
.form-info .tips-red{ color: red;}
.form-info .tips-line{ padding: 15px 0 0;}

.goods-list{ width: 300px; padding-top: 5px; overflow: hidden; zoom:1;}
.goods-list .goods-img{width: 44px; height: 44px; display: inline-block; text-align: center; margin: 0 22px 10px 0; position: relative;vertical-align: middle;}
.goods-list .goods-img .g-img-ct{ height: 100%; overflow: hidden;}
.goods-list .goods-img img{ width: 100%; height: 100%;}
.goods-list input[type="file"] { opacity: 0; position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  }
.goods-list .goods-img .btn-del{ display: block; width: 18px; height: 18px; position: absolute; top:-5px; right: -8px; background: url(../images/ico/ico-del.png) 0 0 no-repeat;}


.Tcols .form-info{ width: 380px;}
.Tcols .list-fr{ width: 680px; background: #fff; padding: 20px 80px;}
.Tcols .list-fr .tit-r{ font-size: 22px; padding: 0 0 0 25px; text-align: center;}

.txt-center{ text-align: center;}

.tit-border{ border-left: #7ea2ec solid 5px; padding-left: 20px; font-size: 18px; margin: 20px 0 0;}
.tit-s{ font-size: 16px; padding: 10px 0;}
.tit-border-orange{ border-color: #eac56a;}

.form-color dl{ float: left; width: 540px; height: 50px; line-height: 50px; margin-bottom: 1px;}
.form-color dt{ width: 158px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; float: left;}
.form-color .color-blue-01 dt{ background: #86d5fc;}
.form-color .color-blue-02 dt{ background: #9bdeff;}
.form-color .color-blue-03 dt{ background: #b0e5ff;}
.form-color .txt{ width: 382px; height: 50px; line-height: 50px; text-indent: 10px;}

.form-color-s dl{ width: 400px;}
.form-color-s .txt{ width: 242px; }
.form-color-s .color-blue-01 dt{ background: #f4ce70;}
.form-color-s .color-blue-02 dt{ background: #fbd67c;}
.form-color-s .color-blue-03 dt{ background: #ffe095;}

.form-kv .goods-list{ width: auto;}
.form-kv .img-line .txt{ vertical-align: top; margin-top: 5px;}
.form-kv .img-line-ss{ height: 54px; float: left;}
.form-kv .img-line-ss .txt-ss{ width: 70px; margin-right: 10px;}
.form-kv .img-line-ss .txt-mm{ width: 170px;}




/*弹出信息*/
.bgMask { background: #000;width: 100%; height: 100%; position: fixed;top: 0; left: 0; opacity: 0.8;filter:alpha(opacity=80) z-index: 1000; display: none; }
.popup{position: fixed;z-index: 1001;top:50%;left:50%;background:#fff; display: none;}
.popup .btn-close{ display: block; width: 28px; height: 28px; position: absolute; top:-14px; right: -14px; background: url(../images/ico/btn-close.png) 0 0 no-repeat; }

.popup-form { width: 255px; padding: 20px; margin: -120px 0 0 -148px;}
.popup-form h4{ font-size: 16px; padding: 0 0 10px 0;}
.popup-form input[type="text"]{ width: 230px; border:#979a9e solid 1px; padding: 5px;}
.popup-form input.txt-s{ width: 115px;}
.popup-form select{ width: 110px; padding: 4px; border:#979a9e solid 1px;}


    /*自定义滚动条*/
/* Tiny Scrollbar */
.my-scroll {width: 100%; height: 100%;}
.my-scroll .viewport { width: 100%; height: 100%; overflow: hidden; position: relative; }
.my-scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.my-scroll .scrollbar{ width: 4px; background:#8e8e8e; position: absolute; background-position: 0 0;right: 1px; display: none; }
.my-scroll .track { background:#8e8e8e; height: 100%; width:100%; position: relative;}
.my-scroll .thumb { background:#e60012; height: 20px; width: 100%; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }
.my-scroll .thumb .end { background:#e60012; overflow: hidden; height: 5px; width: 3px; }
.my-scroll .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
